const path = require('path')
// vue.config.js
module.exports = {
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        // lessOptions: {
        modifyVars: {
          // 直接覆盖变量(在这里改, 每次都得重启服务器-src以外的地方, 热更新服务器main.js引用的文件-所以需要每次重启)
          //   'nav-bar-background-color': '#007bff',
          //   'nav-bar-title-text-color': 'white',
          // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
          // 会被webpack一并打包, 所以可以检测到变化, 所以不用频繁重启服务器了
          // 'text-color': '#111',
          // 'border-color': '#eee',
          // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
          hack: 'true; @import "' + path.join(__dirname, '/src/styles/cover.less') + '";'
          // hack后字符串, 运行时, 会变成如下代码
          // @import "某盘:/xxxx/xxxx/xxx/src/styles/cover.less"
        }
        // }
      }
    }
  }
}
